.bordered {
    border: 1px solid black;
}

#app {
    width: 100%;
    margin: 0 auto;
    .bordered();

    padding: .5rem;

    .swiper-container {
        position: relative;
        width: 3rem;
        height: 1.5rem;
        cursor: pointer;


        .img-wrap {
            width: 100%;

            img {
                width: 100%;
            }
        }

        .pagination {
            position: absolute;
            bottom: 0;
            right: .1rem;

            ul {
                overflow: hidden;

                li {
                    float: left;
                    background-color: #fff;
                    width: .2rem;
                    height: .2rem;
                    margin: .05rem;
                    line-height: .2rem;
                    text-align: center;
                    border-radius: 50%;

                    &.active {
                        background-color: gold;
                        color: red;
                    }
                }
            }
        }
    }
}